@import  "../../../styles/common.less";

.teacherindex{
  padding: 0;
   /*首页展示*/
   .teacherindex-show{
    margin: 0 auto;
    // height: 672px;
    .teacherindex-in{
      padding: 0;
      .show-font{
      font-family: @font-Semibold;
      font-size: 56px;
      color: #4A4A4A;
    }
    .teachers-img{
      padding:0;
      img{
        width: 613px;
        height: 470px;
      }
    }
    }
  }


  /* 特色模块*/
  .features{
    min-height: 660px;
    padding-left: 6%;
    background: white;
    div{
      padding: 5%;
      // text-align: center;
      .features-head{
        width:200px;
        height: 200px;
        margin-left: 14%;
        
      }

  

      .features-font{
        font-family: @font-Semibold;
        font-size: 32px;
        color: #7185FD;
        margin-top: 39px;
        margin-bottom: 12px;
        text-align: center;
      } 
       .teacherindex-font{
        width: 298px;
        font-family: @font-Semibold;
        font-size: 32px;
        color: #4A4A4A;
        line-height: 50px;
        


      }

      .features-intro{
        padding: 0;
        font-family: @font-Regular;
        font-size: 20px;
        color: #4A4A4A;
        letter-spacing: 0;
        line-height: 32px;
      }
      .teacherindex-intro{
        text-align: center;
        width: 302px;
        font-family: @font-Regular;
        font-size: 20px;
        color: #4A4A4A;
        line-height: 32px;
      }

    }
  }

  /*老师团队*/
   .teacherss{
    min-height: 479px;
    padding-left: 7%;
    background: #F3F7FF;
    div{
      padding: 5%;
      .teacherss-head{
        font-family: @font-Semibold;
        font-size: 48px;
        color: #4A4A4A;

      }
      .teacherss-font{
        font-family: @font-Regular;
        font-size: 24px;
        color: #4A4A4A;
        letter-spacing: 0;
        line-height: 40px;
      }

       .teacherss-intro{
        width: 200px;
        height:60px;
        border: 2px solid #7185FD;
        border-radius: 43px;
        text-align: center;
        font-family: @font-Semibold;
        font-size: 24px;
        color: #7185FD;
        letter-spacing: 1px;
        padding-top:2.5%;
        margin-left:3%;
         
       }

      img{
        width: 97%;
        height:100%;
      }
    }
   }

   /*老师和孩子们*/
	.index-show{
    min-height: 600px;
  }
  
  /*课程体系*/
  .class-system{
    min-height:1010px;
    padding-left: 7%;
    background: #ffffff;
    .system-in{
      padding: 5%;
      .system-descr{
        .system-head{
          font-family: @font-Semibold;
          font-size: 48px;
          color: #4A4A4A;
          letter-spacing: 2.67px;
                    
        }
        .system-font{
          text-align: left;
          max-width: 904px;
          font-family: @font-Regular;
          font-size: 24px;
          color: #4A4A4A;
          letter-spacing: 0;
          line-height: 40px;
          margin-top: 26px;
          margin-bottom:60px;
          margin-left: 5%;
          
        }

      }
      .system-img{
        max-height: 477px;
        img{
         width: 100%;
         height:100%; 
         max-width: 1037px;
         max-height: 477px;
           
        }
     }
    }
  }
 
   /*首页展示*/
   .teacherindex-show{
    margin: 0 auto;
    min-height: 600px;
    .teacherindex-in{
      padding: 0;
      .teacherindex-left{
        .teacherindex-font{
          padding: 5% 0 5% 5%;
          font-family: @font-Semibold;
          font-size: 48px;
          color: #4A4A4A;
          margin-top: 15%;
          width: 604px;
         
          }
          .teacherindex-intro{
            font-family: @font-Regular;
            font-size: 24px;
            color: #4A4A4A;
            letter-spacing: 0;
            line-height: 40px;
          }
      }
    
    .teachers-img{
      margin-top: 10%;
      img{
        max-width: 613px;
        max-height: 470px;
      }
    }
    }
  }

  .ourteacher{
    background: #ffffff;
    .ourteacher-title{
      font-family: @font-Semibold;
      font-size: 48px;
      color: #4A4A4A;
      text-align: center;
      margin-top:30px;
      margin-bottom: 50px; 
    }
    .ourteacherform{
      background: #ffffff;
      .teacherss-in{
        padding-right: 0;
        .ourteacher-left{
          float: left;
          padding: 0;
          padding-left: 5%;
          padding-top: 5%;
          
          img{
            width: 500px;
            height: 376px;
            
          }

        }
        .ourteacher-right{
          float: left;
          padding: 0;
          padding-top: 6%;
          padding-left: 30px;
          .ourteacher-head{
            padding: 0;
            b{
              font-family: @font-Semibold;
              font-size: 30px;
              color: #4A4A4A;
              width: 172px;
              height: 50px;
              margin-right: 10px;
              padding-left: 5%;
            }
            span{
              padding: 4px 31px;
              background: #E7EAFF;
              border-radius: 100px;
              font-family: @font-Semibold;
              font-size: 16px;
              color: #7185FD;
              width: 199px;
              height: 30px;
              text-align: center;
              line-height: 30px;

            }
            .twoteacher{
              background: #E8F9F8;
              border-radius: 100px;
              font-family: @font-Semibold;
              font-size: 16px;
              color: #5CBEB8;

            }
          }
          .ourteacher-font{
            width: 618px;
            padding-bottom: 0;
            b{
              font-family: PingFangSC-Regular;
              font-size: 18px;
              color: #4A4A4A;
              font-weight: 100;

            }
            img{
              width: 20px;
              height: 20px;
              margin-left: 26px;
              margin-right: 24px;
              margin-top: -1%;

            }
            span{
              font-family: PingFangSC-Regular;
              font-size: 18px;
              color: #4A4A4A;
              font-weight: 100;

            }

          }
          .ourteacher-intro{
            font-family: @font-Medium;
            font-size: 20px;
            color: #4A4A4A;
            letter-spacing: 0;
            line-height: 40px;
            margin-top: 41px;
            width: 616px;
          }
          .midoueter{
            padding-top: 4%;
          }

        }

      }
      .backgroundcolor,.backgroundcolor2{

        background: #EFF1FF;
        min-width: 1500px;
        width: 100%;
        height: 280px;
        margin-top: 15%;
      }
      .backgroundcolor2{
        background: #E8F9F8;
        margin-left: -20%;

      }
    }
  }


}